﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ListClient.ascx.cs"
    Inherits="Presentation.UserControl.ListClient" %>
<table border="0" cellpadding="0" cellspacing="0" id="content-table" width="100%">
    <tr>
        <th rowspan="3" class="sized">
            <img src="/Content/images/shared/side_shadowleft.jpg" width="20" height="300" alt="" />
        </th>
        <th class="topleft">
        </th>
        <td id="tbl-border-top">
            &nbsp;
        </td>
        <th class="topright">
        </th>
        <th rowspan="3" class="sized">
            <img src="/Content/images/shared/side_shadowright.jpg" width="20" height="300" alt="" />
        </th>
    </tr>
    <tr>
        <td id="tbl-border-left">
        </td>
        <td>
            <!--  start content-table-inner -->
            <div id="content-table-inner">
                <fieldset>
                    <legend id="show-hide">Open/Close Filter</legend>
                    <table width="100%" id="table-filter">
                        <tr>
                            <th style="width: 15%">
                                <asp:CheckBox ID="AllSearchCheckBox" runat="server" Text="Enable filter all" AutoPostBack="True" />
                            </th>
                            <td style="width: 20%">
                            </td>
                            <td style="width: 15%">
                            </td>
                            <td style="width: 20%">
                            </td>
                            <td style="width: 15%">
                            </td>
                            <td>
                            </td>
                        </tr>
                        <tr>
                            <th>
                                Keyword:
                            </th>
                            <td>
                                <asp:TextBox ID="NameTextBox" CssClass="inp-form" runat="server" />
                            </td>
                            <th>
                                Account status:
                            </th>
                            <td>
                                <asp:DropDownList ID="StatusDropDownList" runat="server" AutoPostBack="True" CssClass="styledselect_form_2">
                                    <asp:ListItem Selected="True" Value="0">Blocked</asp:ListItem>
                                    <asp:ListItem Value="1">Actived</asp:ListItem>
                                </asp:DropDownList>
                            </td>
                            <td>
                            </td>
                            <td>
                            </td>
                        </tr>
                        <tr>
                            <th>
                                Filter by:
                            </th>
                            <td>
                                <asp:DropDownList ID="TypeDropDownList" runat="server" CssClass="styledselect_form_2">
                                    <asp:ListItem Selected="True" Value="0">Username</asp:ListItem>
                                    <asp:ListItem Value="1">Firstname</asp:ListItem>
                                    <asp:ListItem Value="2">Lastname</asp:ListItem>
                                    <asp:ListItem Value="3">Email</asp:ListItem>
                                </asp:DropDownList>
                            </td>
                            <td>
                            </td>
                            <td>
                            </td>
                            <td>
                            </td>
                            <td>
                            </td>
                        </tr>
                        <tr>
                            <td>
                            </td>
                            <td>
                            </td>
                            <td>
                            </td>
                            <td>
                            </td>
                            <td>
                            </td>
                            <td>
                                <asp:Button ID="FilterButton" runat="server" CssClass="form-filter" />
                            </td>
                        </tr>
                    </table>
                </fieldset>
                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                        <td>
                            <asp:ListView runat="server" ID="ClientListView">
                                <LayoutTemplate>
                                    <table border="0" width="100%" cellpadding="0" cellspacing="0" id="product-table">
                                        <tr>
                                            <th class="table-header-repeat line-left">
                                                <a>No.</a>
                                            </th>
                                            <th class="table-header-repeat line-left">
                                                <a>First name</a>
                                            </th>
                                            <th class="table-header-repeat line-left">
                                                <a>Last name</a>
                                            </th>
                                            <th class="table-header-repeat line-left">
                                                <a>User name</a>
                                            </th>
                                            <th class="table-header-repeat line-left">
                                                <a>Birthdate</a>
                                            </th>
                                            <th class="table-header-repeat line-left">
                                                <a>Gender</a>
                                            </th>
                                            <th class="table-header-repeat line-left">
                                                <a>Email</a>
                                            </th>
                                            <th class="table-header-repeat line-left">
                                                <a>Option</a>
                                            </th>
                                        </tr>
                                        <tbody>
                                            <asp:PlaceHolder runat="server" ID="itemPlaceHolder"></asp:PlaceHolder>
                                        </tbody>
                                    </table>
                                </LayoutTemplate>
                                <ItemTemplate>
                                    <tr>
                                        <td>
                                            <asp:Label runat="server" ID="No" Text='<%# Container.DataItemIndex + 1 %>'></asp:Label>
                                        </td>
                                        <td>
                                            <asp:Label runat="server" ID="FirstName" Text='<%# Eval("FirstName") %>'></asp:Label>
                                        </td>
                                        <td>
                                            <asp:Label runat="server" ID="LastName" Text='<%# Eval("LastName") %>'></asp:Label>
                                        </td>
                                        <td>
                                            <asp:Label runat="server" ID="Username" Text='<%#Eval("User.Username") %>'></asp:Label>
                                        </td>
                                        <td>
                                            <asp:Label runat="server" ID="Birthdate" Text='<%# Eval("Birthdate", "{0: MM/dd/yyyy}") %>'></asp:Label>
                                        </td>
                                        <td>
                                            <asp:Label runat="server" ID="Gender" Text='<%# (System.Boolean)Eval("Gender") ? "Male" : "Female" %>'></asp:Label>
                                        </td>
                                        <td>
                                            <asp:Label runat="server" ID="Email" Text='<%# Eval("User.Email") %>'></asp:Label>
                                        </td>
                                        <td>
                                            <asp:LinkButton runat="server" CssClass='<%# (System.Boolean)Eval("User.IsActive") ? "icon-close" : "icon-open" %>'
                                                ID="LinkButtonActive" title='<%# (System.Boolean)Eval("User.IsActive") ? "Block this client" : "Active this client" %>'
                                                CommandName='<%# (System.Boolean)Eval("User.IsActive") ? "block" : "active" %>' />
                                            <asp:LinkButton runat="server" CssClass="icon-2" ID="LinkButtonDelete" title="Delete this client"
                                                CommandName="delete" OnClientClick="javascript: return confirm('Do you want to delete this client ?')" />
                                            <asp:LinkButton runat="server" CssClass="icon-6" ID="LinkButtonEdit" title="Edit this client"
                                                CommandName="edit" />
                                        </td>
                                        <td style="display: none;">
                                            <asp:Label runat="server" ID="ClientId" Text='<%#Eval("ClientId") %>'></asp:Label>
                                        </td>
                                        <td style="display: none;">
                                            <asp:Label runat="server" ID="UserId" Text='<%#Eval("User.UserId") %>'></asp:Label>
                                        </td>
                                    </tr>
                                </ItemTemplate>
                                <EmptyDataTemplate>
                                    <table border="0" width="100%" cellpadding="0" cellspacing="0" id="product-table">
                                        <tr>
                                            <th class="table-header-repeat line-left">
                                                <a>No.</a>
                                            </th>
                                            <th class="table-header-repeat line-left">
                                                <a>First name</a>
                                            </th>
                                            <th class="table-header-repeat line-left">
                                                <a>Last name</a>
                                            </th>
                                            <th class="table-header-repeat line-left">
                                                <a>User name</a>
                                            </th>
                                            <th class="table-header-repeat line-left">
                                                <a>Birthdate</a>
                                            </th>
                                            <th class="table-header-repeat line-left">
                                                <a>Gender</a>
                                            </th>
                                            <th class="table-header-repeat line-left">
                                                <a>Email</a>
                                            </th>
                                            <th class="table-header-repeat line-left">
                                                <a>Option</a>
                                            </th>
                                        </tr>
                                        <tr>
                                            <td colspan="8">
                                                Nothing to display
                                            </td>
                                        </tr>
                                    </table>
                                </EmptyDataTemplate>
                            </asp:ListView>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:DataPager ID="ClientDataPager" runat="server" PagedControlID="ClientListView"
                                PageSize="10" QueryStringField="page">
                                <Fields>
                                    <asp:NextPreviousPagerField FirstPageImageUrl="~/Content/Images/table/paging_far_left.gif"
                                        PreviousPageImageUrl="~/Content/Images/table/paging_left.gif" ButtonType="Button"
                                        ShowLastPageButton="false" ShowPreviousPageButton="true" ShowNextPageButton="false"
                                        ShowFirstPageButton="true" />
                                    <asp:NumericPagerField ButtonCount="5" CurrentPageLabelCssClass="selected-numeric-box"
                                        NumericButtonCssClass="numeric-box" />
                                    <asp:NextPreviousPagerField LastPageImageUrl="~/Content/Images/table/paging_far_right.gif"
                                        NextPageImageUrl="~/Content/Images/table/paging_right.gif" ButtonType="Button"
                                        ShowFirstPageButton="false" ShowNextPageButton="true" ShowLastPageButton="true"
                                        ShowPreviousPageButton="false" />
                                </Fields>
                            </asp:DataPager>
                        </td>
                    </tr>
                </table>
                <div class="clear">
                </div>
            </div>
            <!--  end content-table-inner  -->
        </td>
        <td id="tbl-border-right">
        </td>
    </tr>
    <tr>
        <th class="sized bottomleft">
        </th>
        <td id="tbl-border-bottom">
            &nbsp;
        </td>
        <th class="sized bottomright">
        </th>
    </tr>
</table>
<div class="clear">
    &nbsp;</div>
